import React from 'react';
import { Scroll } from '@/components/Scroll/Scroll';
import { useSelector } from 'umi';
import { Message, Modal, Picture, SwiperBox, AsyncLoading } from '@/design';
import { isEmpty } from '@/utils/common';
import GoodSwiper from '@/components/Items/GoodSwiper';
import styles from './store.less';


export default function (props: any) {
  const { currentstore } = useSelector((state: any) => state.currentstore);

  /** 注释 */

  const data = [{
    productId: '1',
    name: '第一个'
    },
     { 
      productId: '2',
      name: '第二个'
    },{ 
    productId: '3',
    name: '第三个'
  }]

  return  <>
   
  
    <Scroll
      hasFooter
    > 
    <div className={styles.tablecode_wrapper}>
      <div>桌台号：A01</div>
      <div>搜一搜</div>
    </div>
    {/* 会员信息 */}
    <div className={styles.member_info}></div>
    {/* 门店推荐 */}
    <div className={styles.store_recommend_wrapper}>
      <h3>门店推荐</h3>
      <GoodSwiper ikey='productId' dataSource={data}/>
    </div>
   
      {/* <div className={styles.store_hidden}></div> */}
      {/* 热门推荐 */}
      <div className={styles.section_first}></div>

    </Scroll>
  </> 
}